<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>E Commerce</title>
<!-- Stylesheet -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<!-- Javascript -->
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="./js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="./js/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
<script src="./js/TitilliumText22L_Rg_400-TitilliumText22L_Rg_700.font.js" type="text/javascript"></script>
<script src="./js/contentslider.js" type="text/javascript"></script>
<script src="./js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="./js/jquery.easing.1.1.js" type="text/javascript"></script>
<script src="./js/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script src="./js/lightbox.js" type="text/javascript"></script>
<script src="./js/jquery.infinite-carousel.js" type="text/javascript"></script>
<meta charset="UTF-8"></head>
<body>
<!-- Top Section -->
<div id="topsec"> 
  <!-- masterhead -->
  <div id="masterhead"> 
    <!-- Logo -->
    <div class="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
    <!-- masterhead Right Section -->
    <div class="topright_sec"> 
      <!-- top navigation -->
      <div class="topnavigation">
        <ul>
          <li class="first">Default welcome msg!</li>
          <li><a href="./account.html"> My Account</a></li>
          <li><a href="#">My Wishlist</a></li>
          <li><a href="./shoppingcart.html">My Cart Checkout</a></li>
          <li class="nobg"><a  href="./login.html">Log In</a></li>
        </ul>
        <!-- My Cart -->
        <div class="mycart"> <a href="./shoppingcart.html"><img src="./images/cart_icon.png" alt="" /></a> <span>00</span> </div>
        <!-- Check out --> 
        <a class="btn btn1" href="#"><span>Checkout</span></a> </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Navigation -->
    <div class="navigation">
      <div id="smoothmenu1" class="ddsmoothmenu">
        <ul>
          <li class="first"><a class="selected" href="./index.html">Home</a></li>
          <li><a href="#">Living Room</a> 
            <!-- Sub Menu level 1 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="#">Fabric sofas</a></li>
              <li><a href="#">Leather sofas</a> 
                <!-- Sub Menu level 1 -->
                <ul>
                  <li class="first">&nbsp;</li>
                  <li class="martop"><a href="#">Fabric sofas</a></li>
                  <li><a href="#">Leather sofas</a></li>
                  <li><a href="#">Modular sofas</a></li>
                  <li><a href="#">Armchairs </a></li>
                  <li><a href="#">Rattan seating</a></li>
                  <li><a href="#">Extra covers </a></li>
                </ul>
              </li>
              <li><a href="#">Modular sofas</a></li>
              <li><a href="#">Armchairs </a></li>
              <li><a href="#">Rattan seating</a></li>
              <li><a href="#">Extra covers </a></li>
            </ul>
          </li>
          <li><a href="#">Bed Room</a></li>
          <li><a href="#">Dining Room</a></li>
          <li><a href="#">Office</a></li>
          <li><a href="#">Pages</a>
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="./index.html">Home</a></li>
              <li><a href="./listing.html">Listing</a></li>
              <li><a href="./detail.html">Detail</a></li>
              <li><a href="./shoppingcart.html">Shopping Cart</a></li>
              <li><a href="./login.html">Login</a></li>
              <li><a href="./account.html">My Account</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#">Themes</a> 
            <!-- Sub Menu Level 2 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="../blue/index.html">Blue</a></li>
              <li><a href="../green/index.html">Green</a></li>
              <li><a href="./index.html">Brown</a></li>
              <li><a href="../purple/index.html">Purple</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- navigation ends -->
      <div class="clear"></div>
    </div>
    <!-- top search -->
    <div class="top_search">
      <input name="txtSearch" value="Enter a Keyword to Search"
            			onfocus="if(this.value=='Enter a Keyword to Search') {this.value='';}"
            			onblur="if(this.value=='') {this.value='Enter a Keyword to Search';}"   type="text" />
      <a  href="#"><img class="left" src="./images/search_icon.png" alt="" /></a> </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<!-- content Area -->
<div id="outer1">
  <div id="outer"> 
    <!-- Wrapper Sec -->
    <div id="wrapper_sec"> 
      <!-- Content Seciton -->
      <div id="content_section"> 
        <!-- Bread Crumb -->
        <div id="crumb"> <a href="#">Wooden Furniture</a> <a href="#">Home Decor</a> <a class="active" href="#">BedRooms</a> </div>
        <h2 class="heading heading2 colr">Login / Create an Account</h2>
        <div class="login_content">
          <div class="box mr left" >
            <div class="box1"></div>
            <div class="box2" >
              <div class="account">
                <h4 class="colr">New Customer</h4>
                <p> By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping                                        addresses, view and track your orders in your account and more. </p>
                <a class="btn3 right" href="#"><span>Create Account</span></a> </div>
            </div>
            <div class="box3"></div>
          </div>
          <!-- Sign In -->
          <div class="box mr1 right" >
            <div class="box1"></div>
            <div class="box2" >
              <div class="sign_in">
                <h4 class="colr">Please Sign In</h4>
                <p>If you have an account with us, please log in.</p>
                <ul>
                  <li><span>Email Address * </span>
                    <input name="txtEmail" type="text" />
                  </li>
                  <li><span>Password * </span>
                    <input name="txtPassword" type="text" />
                  </li>
                  <li class="required"> * <u>Required Fields</u></li>
                  <li class="lg_forgt"><a class="btn3 right" href="#"><span>Log In</span></a> <a class="pad" href="#"><u>Forgot Your Password?</u></a></li>
                </ul>
              </div>
            </div>
            <div class="box3"></div>
          </div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- Bototm seciton -->
<div id="bottomsec">
  <div id="footer"> 
    <!--Our Store-->
    <div class="our_store">
      <h3>Our Store</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Customer</a></li>
        <li><a href="#">Contacts</a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
    </div>
    <!-- Useful Links -->
    <div class="footerdiv">
      <h3>Useful Links</h3>
      <ul>
        <li><a href="#">Site Map</a></li>
        <li><a href="#">Search Terms</a></li>
        <li><a href="#">Advanced Search</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <!-- My Accounts -->
    <div class="footerdiv">
      <h3>My Account</h3>
      <ul>
        <li><a href="./account.html">My Account</a></li>
        <li><a href="./shoppingcart.html">My Cart</a></li>
        <li><a href="./shoppingcart.html">Checkout</a></li>
        <li><a href="./login.html">Log In</a></li>
      </ul>
    </div>
    <!-- Pages -->
    <div class="footerdiv">
      <h3>Pages</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">CMS Page</a></li>
        <li><a href="#">Another One</a></li>
      </ul>
    </div>
    <!-- Contact -->
    <div class="contact_us">
      <h3>Contact</h3>
      <ul>
        <li><a href="#">General Information</a></li>
        <li><a href="#">Frequently Asked Questions</a></li>
        <li><a href="#">Member Support Forum</a></li>
        <li class="social"> <a href="#"><img  src="./images/social_icon1.png" alt="" /></a> <a href="#"><img  src="./images/social_icon2.png" alt="" /></a> <a href="#"><img  src="./images/social_icon3.png" alt="" /></a> <a href="#"><img  src="./images/social_icon4.png" alt="" /></a> </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="copyright" > &copy; 2011 - <a href="http://www.racktheme.com" target="_blank">RackTheme</a> - All rights reserved. </div>
  </div>
</div>
</body>
</html>
